<template>
  <svg
    xmlns="http://www.w3.org/2000/svg"
    xmlns:xlink="http://www.w3.org/1999/xlink"
    class="page-404-icon"
    viewBox="0 0 178 130"
  >
    <defs>
      <linearGradient
        id="b"
        x1=".5"
        x2=".5"
        y2="1"
        gradientUnits="objectBoundingBox"
      >
        <stop offset="0" stop-color="#e9e9e9" />
        <stop offset="1" stop-color="#fff" stop-opacity="0" />
      </linearGradient>
      <linearGradient
        id="c"
        x1=".5"
        x2=".5"
        y2="1"
        gradientUnits="objectBoundingBox"
      >
        <stop offset="0" stop-color="#dcdcdc" />
        <stop offset="1" stop-color="#fff" stop-opacity="0" />
      </linearGradient>
      <linearGradient
        id="d"
        x1=".5"
        x2=".5"
        y2="1"
        gradientUnits="objectBoundingBox"
      >
        <stop offset="0" stop-color="#f1f1f1" />
        <stop offset="1" stop-color="#fff" stop-opacity="0" />
      </linearGradient>
      <linearGradient
        id="e"
        x1=".5"
        x2=".5"
        y2="1"
        gradientUnits="objectBoundingBox"
      >
        <stop offset="0" stop-color="#dedede" />
        <stop offset="1" stop-color="#fff" stop-opacity="0" />
      </linearGradient>
      <linearGradient
        id="f"
        x1=".5"
        x2=".5"
        y2="1"
        gradientUnits="objectBoundingBox"
      >
        <stop offset="0" stop-color="#e8e8e8" />
        <stop offset="1" stop-color="#fff" stop-opacity="0" />
      </linearGradient>
      <linearGradient
        id="g"
        x1=".213"
        y1="1.265"
        x2=".846"
        gradientUnits="objectBoundingBox"
      >
        <stop offset="0" stop-color="#fff" />
        <stop offset="1" stop-color="#f5f5f5" />
      </linearGradient>
      <linearGradient
        id="h"
        x1=".5"
        x2=".5"
        y2="1"
        gradientUnits="objectBoundingBox"
      >
        <stop offset="0" stop-color="#c5c5c5" />
        <stop offset="1" stop-color="#fff" stop-opacity="0" />
      </linearGradient>
      <linearGradient
        id="i"
        x1=".5"
        x2=".5"
        y2="1"
        gradientUnits="objectBoundingBox"
      >
        <stop offset="0" stop-color="#acacac" />
        <stop offset="1" stop-color="#f2f2f2" stop-opacity=".388" />
      </linearGradient>
      <clipPath id="a">
        <path transform="translate(744 1111)" fill="none" d="M0 0h178v130H0z" />
      </clipPath>
    </defs>
    <g transform="translate(-744 -1111)" clip-path="url(#a)">
      <g>
        <path
          d="M0 10.795 36.6 0v93.779L0 104.574z"
          transform="translate(772.466 1122.142)"
          fill="url(#b)"
        />
        <path
          d="M-8.492 10.642-26.361-.469v93.78l17.868 11.111z"
          transform="translate(780.958 1122.293)"
          fill="url(#c)"
        />
        <path
          d="M-8.5 5.55 28.106-5.3 10.228-16.437l-36.6 10.845z"
          transform="translate(780.963 1127.438)"
          fill="url(#d)"
        />

        <path
          d="M0 10.539 35.741 0v91.56L0 102.1z"
          transform="translate(870.158 1123.617)"
          fill="url(#d)"
        />
        <path
          d="M-8.913 10.38-26.361-.469v91.562l17.448 10.848z"
          transform="translate(879.071 1123.775)"
          fill="url(#e)"
        />
        <path
          d="m-8.918 5.032 35.741-10.59L9.366-16.437-26.375-5.848z"
          transform="translate(879.076 1129.175)"
          fill="url(#d)"
        />

        <path
          d="M0 9.137 30.839 0v79.381L0 88.519z"
          transform="translate(799.678 1151.579)"
          fill="url(#f)"
        />
        <path
          d="m-11.306 8.936-15.054-9.4v79.377l15.054 9.4z"
          transform="translate(810.985 1151.78)"
          fill="url(#c)"
        />
        <path
          d="M-11.313 2.087 19.526-7.05 4.464-16.437-26.375-7.3z"
          transform="translate(810.991 1158.63)"
          fill="url(#g)"
        />

        <path
          d="M178 53H0a51.361 51.361 0 0 1 10.453-20.952 74.532 74.532 0 0 1 19.742-16.811A103.3 103.3 0 0 1 57.089 4.058a127.515 127.515 0 0 1 63.823 0 103.3 103.3 0 0 1 26.894 11.179 74.532 74.532 0 0 1 19.741 16.811A51.363 51.363 0 0 1 178 53z"
          transform="translate(744 1187.549)"
          fill="url(#h)"
        />

        <path d="m814.529 1199.586-1.272 1.212h2.3l1.2-1.212z" fill="#cbcbcb" />
        <path
          d="m816.725 1194.909-1.272 1.212h2.3l1.263-1.212z"
          fill="#cbcbcb"
        />
        <path d="m863.284 1199.585-1.272 1.212h2.3l1.2-1.212z" fill="#cbcbcb" />
        <path d="m865.519 1194.9-1.272 1.212h2.3l1.263-1.212z" fill="#cbcbcb" />
        <path
          d="m799.527 1191.21 10.182-21.97h4.381l-9.931 21.719h14.876v3.941h-19.508zm13.081-9.493h4.152v17.859h-4.152zm20.728 18.151q-4.256 0-6.457-2.274a8.74 8.74 0 0 1-2.2-6.343v-13.791a8.708 8.708 0 0 1 2.21-6.353q2.212-2.264 6.447-2.264 4.256 0 6.457 2.253a8.726 8.726 0 0 1 2.2 6.363v13.792a8.708 8.708 0 0 1-2.21 6.349q-2.211 2.268-6.447 2.268zm0-4.048a4.29 4.29 0 0 0 3.328-1.178 4.862 4.862 0 0 0 1.074-3.39v-13.792a4.893 4.893 0 0 0-1.064-3.39 4.285 4.285 0 0 0-3.338-1.179 4.285 4.285 0 0 0-3.338 1.179 4.893 4.893 0 0 0-1.064 3.39v13.791a4.862 4.862 0 0 0 1.075 3.391 4.29 4.29 0 0 0 3.327 1.178zm14.928-4.61 10.181-21.97h4.381l-9.931 21.719h14.876v3.941h-19.507zm13.081-9.493h4.152v17.859h-4.152z"
          fill="#c6c6c6"
        />
        <path
          d="m798.306 1192.431 10.182-21.97h4.381l-9.931 21.719h14.876v3.941h-19.508zm13.081-9.493h4.152v17.859h-4.152zm20.728 18.151q-4.256 0-6.457-2.274a8.74 8.74 0 0 1-2.2-6.343v-13.791a8.708 8.708 0 0 1 2.21-6.353q2.212-2.264 6.447-2.264 4.256 0 6.457 2.253a8.726 8.726 0 0 1 2.2 6.363v13.792a8.708 8.708 0 0 1-2.21 6.349q-2.211 2.268-6.447 2.268zm0-4.048a4.29 4.29 0 0 0 3.328-1.178 4.862 4.862 0 0 0 1.074-3.39v-13.792a4.893 4.893 0 0 0-1.064-3.39 4.285 4.285 0 0 0-3.338-1.179 4.285 4.285 0 0 0-3.338 1.179 4.893 4.893 0 0 0-1.064 3.39v13.791a4.862 4.862 0 0 0 1.075 3.391 4.29 4.29 0 0 0 3.327 1.178zm14.928-4.61 10.181-21.97h4.381l-9.931 21.719h14.876v3.941h-19.507zm13.081-9.493h4.152v17.859h-4.152z"
          fill="#b2b2b2"
        />
        <path
          d="m-27.694-19.435 10.182 14.517h4.381l-9.931-14.352h14.876v-2.606h-19.508zm13.081 6.273h4.152v-11.8h-4.152zM6.115-25.156q-4.256 0-6.457 1.5a4.8 4.8 0 0 0-2.2 4.191v9.113a4.784 4.784 0 0 0 2.212 4.2 11.511 11.511 0 0 0 6.447 1.5q4.256 0 6.457-1.489a4.786 4.786 0 0 0 2.2-4.2v-9.113a4.784 4.784 0 0 0-2.212-4.2 11.511 11.511 0 0 0-6.447-1.502zm0 2.675a5.705 5.705 0 0 1 3.328.779 2.6 2.6 0 0 1 1.074 2.24v9.113a2.607 2.607 0 0 1-1.064 2.24 5.7 5.7 0 0 1-3.338.779 5.7 5.7 0 0 1-3.338-.779 2.607 2.607 0 0 1-1.064-2.24v-9.113A2.6 2.6 0 0 1 2.788-21.7a5.705 5.705 0 0 1 3.327-.782zm14.927 3.047L31.224-4.918h4.381l-9.931-14.351H40.55v-2.606H21.043zm13.081 6.273h4.152v-11.8h-4.151z"
          transform="translate(826 1226.245)"
          opacity=".32"
          fill="url(#i)"
        />
        <g fill="#e6e6e6">
          <path d="m858.428 1169.23-1.2 1.259h4.388l1.178-1.259z" />
          <path
            d="m802.944 1192.187 1.288-1.375h7.143v1.375zm8.415-9.25 1.273-1.234h4.15l-1.235 1.234zm-2.855-12.469 1.198-1.259h4.367l-1.178 1.259z"
          />
          <path d="m861.362 1181.678-1.27 1.3h4.188l1.236-1.3z" />
          <path d="m865.519 1190.9-1.27 1.3h2.3l1.162-1.3z" />
          <path d="m852.838 1190.791-1.207 1.508h8.447v-1.508z" />
        </g>
      </g>
    </g>
  </svg>
</template>

<style lang="stylus">
.page-404-icon
  .theme-dark &
    filter invert(70%)
</style>
